<body style="overflow: hidden">
<script type="text/javascript" src="<?php echo base_url('skin/js/comparison.js'); ?>"></script>
<div class="fbcont">

	<div class="bannersaktofb"></div>
	
	<div id="phoneGalleryfbnobg">

	<div class="width791c padding20 alignCenter textBlue z5 fontLight">
		<a href="<?php  echo site_url('welcome'); ?>" class="block posabsofb fontBold textBlue textdecounderfb font12fb textdecounderrev">Home</a> 
    </div>

    <div class="wizard marg20topfb margbot15yv">
            <a href="<?php  echo site_url('gallery'); ?>" class="">
            <span class="wiz1"></span>
                 <p class="font15mtop10fb wiz1to4wcustom">Pick a gadget</p>
            </a>
            <a href="<?php  echo site_url('promo'); ?>" class="">
             <span class="wiz2"></span>
                 <p class="font15mtop10fb wiz1to4wcustom">Choose your promo</p>
            </a>
            <a href="<?php  echo site_url('prepaid'); ?>" class="">
             <span class="wiz3"></span>
                 <p class="font15mtop10fb wiz1to4wcustom">Enter your mobile number</p>
            </a>
            <a href="<?php  echo site_url('userprofile'); ?>" class=" ">
             <span class="wiz4"></span>
                 <p class="font15mtop10fb wiz1to4wcustom">Complete your profile</p>
            </a>
            <a href="<?php  echo site_url('globestore'); ?>" class="width100">
             <span class="wiz5"></span>
                 <p class="font15mtop10fb wiz5wcustom">Select your preferred Globe Store branch for handset pickup	</p>
            </a>
     </div>

	<div class="width791c comparesfb3">
		<div class="compZ"></div>
		<div class="compBox compA">
			<div class="imageboxcolorfbA"><img src="<?php echo base_url('skin/images/model transp.png'); ?>" width="125" height="125" alt="Model"/></div>
			<div class="clear"></div>     
			
			<?php
				$i = 1;
				foreach($comdev as $cd)
				{
			?>		
			<div class="floatLeft width275fb bordRight padding10Lfb mheight130yv">
					<span class="floatLeft holder"><img class="compare-img compare-img<?php echo $i; ?>" src="<?php echo $cd["imageurl"] ?>"  alt="<?php echo $cd["name"] ?>"/></span>
					<span class="floatRight mwidth196yv">
						<p><?php echo $cd["manufacturer"] ?></p>
						<h4 id="<?php echo "prodname".$i; ?>"><?php echo $cd["name"] ?></h4>
						
						<a href="<?php $sku=$cd["sku"]; echo site_url("specification/".$sku) ?>" class="margcomparemodlinkfb fontBold textdecounderfb">More Info</a>
                        <a href="#" class="margcomparemodlinkfb2 fontBold textdecounderfb compare-sku<?php echo $i; ?>" id="<?php echo $cd["sku"] ?>">Remove</a>						
					</span>
					<span class="clear"></span>
			</div>
		    <?php
				$i++;
				}
			?>
			
			<div id="add-another-device" class="floatLeft  width275fb padding20L height130fb alignCenter">
				<a href="<?php echo base_url('index.php/gallery'); ?>" class="buttonBlue Add marg45">Add another device</a>
			</div>  
			
			<div class="clear"></div>
			
        </div>
               
		<div class="compZ"></div>
        <div class="compBox compB">              
			<div class="imageboxcolorfbB margtop20fb"><img src="<?php echo base_url('skin/images/body transp.png'); ?>" width="125" height="125" alt="Dimensions"/></div>
                    
			<?php foreach($comdev as $cd){ ?>
			<div class="floatLeft width275fb bordRight padding10Lfb">
			<div class="disptable">
			<div class="disptablecellvam height130fb">
					<div class="floatLeft">
					<b><p>Dimensions </p>
					<p>Weight </p>
					<p>Qwerty</p>  </b>	</div>	 	
					<div class="floatLeft marg10Left">
					<p><?php echo $cd["Size"]["Dimension"]; ?></p>
					<p><?php echo number_format($cd["Size"]["Weight"],2)." g"; ?></p>
					<p><?php echo substr($cd["Media"]["Touch_Screen__Qwerty"],-2); ?></p> 
					</div>	

					<div class="clear"></div>
					
				 </div>
				 </div>   
			</div>
			<?php } ?>
					
		    <div class="floatLeft width275fb padding20L">
			<div class="disptable">
			<div class="disptablecellvam height130fb">

			</div>        
			</div>
			</div>
			
			<div class="clear"></div>
		</div>
               
        
		<div class="compZ"></div>
		<div class="compBox compC">
			<div class="imageboxcolorfbC"><img src="<?php echo base_url('skin/images/display transp.png'); ?>" width="125" height="125" alt="Display"/></div>
           
			<?php foreach($comdev as $cd){ ?>
			<div class="floatLeft width275fb bordRight padding10Lfb">
			<div class="disptable">
			<div class="disptablecellvam height130fb">
				<p><b class="marg70Right">Size</b><span style="margin-left: -23px;"><?php echo $cd["Display"]["Size"]; ?></span></p>
			</div>
			</div>
			</div>
			<?php } ?> 
			
			<div class="floatLeft width275fb padding20L">
			<div class="disptable">
			<div class="disptablecellvam height130fb">
					
			</div>
			</div>  
			</div>
			
			<div class="clear"></div>
        </div>
               
		<div class="compZ"></div>
        <div class="compBox compD">
			<div class="imageboxcolorfbD"><img src="<?php echo base_url('skin/images/connectivity transp.png'); ?>" width="125" height="125" alt="Connectivity"/></div>
			<?php foreach($comdev as $cd){ ?>
			<div class="floatLeft width275fb bordRight padding10Lfb">
			<div class="disptable">
			<div class="disptablecellvam height130fb">
					<p><?php echo $cd["Features"]["Connectivity"]; ?></p>
			</div>
			</div>
			</div>
			<?php } ?> 
			<div class="floatLeft width275fb padding20L">
			<div class="disptable">
			<div class="disptablecellvam height130fb">

			</div>
			</div>
			</div>  
			
			
			<div class="clear"></div>
			 
			
			<div class="clear"></div>
        </div>
               
		<div class="compZ"></div>
        <div class="compBox compE">
			<div class="imageboxcolorfbE"><img src="<?php echo base_url('skin/images/multimedia transp.png'); ?>" width="125" height="125" alt="Multimedia"/></div>
			<?php foreach($comdev as $cd){ ?>
			<div class="floatLeft width275fb bordRight padding10Lfb">
				<div class="disptable">
				<div class="disptablecellvam">	
						<div class="floatLeft">
							<b><span class="block"><p>Camera</p></span>				
								<span class="block"><p>Secondary camera</p></span>				
								<span class="block"><p>Video/ Video calling/<br>Radio</p></span>			
								<span class="block"><p>Loudspeaker/<br>3.5mm jack</p></span>
								<span class="block"><p>Flash/ Media  player/<br>Games</p></span>
							</b>
						</div>
						<div class="floatLeft marg10Left">
							<span class="block"><p><?php echo $cd["Media"]["Camera"]; ?></p></span>				
							<span class="block"><p><?php echo $cd["Media"]["Secondary_Camera"]; ?></p></span>				
							<span class="block"><p><?php echo str_replace("_" , " / " , $cd["Media"]["Video__Video_Calling__Radio"]); ?></p></span>			
							<span class="block"><p><br><?php echo str_replace("_" , " / " , $cd["Media"]["Loudspeaker__35mm_jack"]); ?></p></span>
							<span class="block"><p><br><?php echo str_replace("_" , " / " , $cd["Media"]["Flash__Media_Player__Games"]); ?></p></span>
						</div>
						<div class="clear"></div>
				</div>
				</div>        
			</div>
			<?php } ?>
			
			<div class="floatLeft  width275fb padding20L">
				<div class="disptable">
				<div class="disptablecellvam">	

				</div>
				</div>                        
						
				<div class="clear"></div>
			</div>  
                    
			<div class="clear"></div>
        </div>
       				
        <div class="compZ"></div>
		<div class="compBox compF">
			<div class="imageboxcolorfbF"><img src="<?php echo base_url('skin/images/software transp.png'); ?>" width="125" height="125" alt="Software"/></div>
			<?php foreach($comdev as $cd){ ?>
			<div class="floatLeft width275fb bordRight padding10Lfb">
				<div class="disptable">
				<div class="disptablecellvam height130fb">		
						
						<p><b class="marg70Right">OS</b><span style="margin-left: -14px;"><?php echo $cd["Features"]["OS"]; ?></span></p>
				</div>
				</div>
			</div>
			<?php } ?>
			<div class="floatLeft width275fb padding20L">
				<div class="disptable">
				<div class="disptablecellvam height130fb">	
				   
				</div>
				</div>
			</div>  
			
			<div class="clear"></div>
		</div>
               	
                
        <div class="compZ"></div>
		<div class="compBox compG">
			<div class="imageboxcolorfbG"><img src="<?php echo base_url('skin/images/price transp.png'); ?>" width="125" height="125" alt="Price"/></div>
			<?php
				$i = 1;
				foreach($comdev as $cd) {
			?>
			<div class="floatLeft width275fb bordRight padding10Lfb">
				<div class="disptable">
				<div class="disptablecellvam height130fb">
						<?php $price = number_format($cd["price"],2); ?>
						<p class="margp10s posRel topnega10"><?php echo (($price=="0.00") ? "<strong id='price$i'>FREE</strong>" : "<span id='price$i'>P$price</span>"); ?></p>
						<a href="<?php echo base_url(); ?>index.php/promo" class="buttonBlue Price get-sku<?php echo $i; ?>"><span class="posRel">Get this device now</span></a>				
				</div>
				
				</div>
			</div>
			<?php
				$i++;
				}
			?> 
			<div class="floatLeft  width275fb padding20L">
				<div class="disptable">
				<div class="disptablecellvam height130fb">

				</div>
				</div>
			</div>  
			
			<div class="clear"></div>
        </div>
       
    </div>
	 
	</div>
</div>